@media screen and (max-width: 320px) {
	
	/* Home Page */
        body {width: 320px !important;}	
	#wrap{width: 320px;}
        #header{width: 320px; margin:0px;}
	.beauty{border-right: none !important;}
        .beauty a{display: none;}
	.fashion{display: none;}
	.lifestyle{display: none;}
	.health{display: none;}
        #header .wrap{margin-left: 5px; width: 320px;}
        #header .searchform{margin: 0px 65px 0 0;}
        #title-area { background: url(http://4.bp.blogspot.com/-DK5scptTlrg/UalGwmgraFI/AAAAAAAAAUQ/d4-pY8VPG8w/s1600/m-logo.jpg) no-repeat !important; height: 79px !important; width: 42px !important; float: left !important; margin:0px !important;}
        #title-area #title a{ margin: 0px !important; height: 42px !important; width: 42px;}
	.widget_search .widget-wrap{width: 320px; position: absolute; top: 41px; left: 0px; border: none; background: #eeeeee; z-index: 1; margin: 0; padding: 5px 0 5px 0;}

        #content-wrapper{width: 320px; margin-top:none !important; margin-left:5px;}
        #main-wrapper{width: 320px; margin: 0px 0px 0px !important;}

        #master_container{display: none;}
        .title-bar {width: 300px; height: 10px; margin: 0px 0px 10px 0px; padding:0px;}
        .title-bar .title { font-size: 13px; display: inline; padding-right: 10px; position: relative; top: -6px;}
        .post-outer{width: 290px; margin:10px 0px 0px !important; padding:0px 0 0px !important;}
        .thumbnail-wrap {width: 70px; height: 95px; border-right: 1px solid #dddddd; margin-right: 10px; padding-right: 10px; margin-bottom:0px;}
	.thumbnail {width: 70px; height: 70px;}
	.thumbnail a img{width: 70px; height: 70px;}
        .share-wrap{ width: 60px; height: 8px; margin: 0; border:none;}
        .share-wrap .share-icon a img{width:5px; height:5px;}
        .share-icon { width:10px; font-size: 14px; padding: 3px 0 0px 33px; top:3px;}
        #title-area{position: relative; z-index: 2;}
	#title-area #description{display: none;}
	.postwrapper{width: 190px; padding:0px 0 0 0 !important;}
        .entry-content h2 {width: 185px; line-height:16px !important; padding-top:none !important;}
	.entry-content h2 a{line-height:16px !important; font-size: 18px; margin:0px; padding:0;}
        .post-info {width: 155px; text-transform:capitalize; font-size: 9px; margin: 3px 0px 5px 0px !important; line-height:12px !important;}
        .list-description{display: none !important;}
	.label{font-size: 8px !important;}
        .pagenavi{font-size: 12px;}
	.pagenavi{text-align: left; margin-left:-60px; padding:0px;}
        #sidebar{display: none;}
	#bannerwrap {margin: 43px auto 0; width: 320px;}
        #footer {background:#dedede; height: 70px; margin-top: 50px;}
	#footer .wrap{margin: 0 0 0 10px; padding-top: 5px; width: 300px;}
	#footer .wordpress-setup {display:none;}
        #footer .copyright{font-size: 10px !important;}
	.entry-content h1 a{line-height:13px !important; font-size: 16px; margin:0px; padding:0;}
        #design{display:none;}
	/* Single Page */
        .entry-content{}
        .post-outer h1{font-size:24px; line-height: 22px !important; padding:5px 0px 5px 5px;}
        .post-outer h1 a{line-height:22px !important; font-size: 24px; margin:0px; padding:0;}
	.entry-content{display: inherit; width: 300px;}
	.entry-title{width: 300px; margin-top: 5px !important; font-size: 26px;}
	.list-description{width: 310px;}
	#content{width: 310px;}
	.horizontalsocial{width: 310px;}
	.horizontalsocial .sharertwitter{border-right: none; width: 84px; margin: 0 25px 0 0; overflow: hidden !important;}
	.horizontalsocial .fb-like{border-right: none; width: 86px; overflow: hidden; margin-right: 30px; position: relative; top: -1px;}
	.horizontalsocial .sharergplus{margin: 0 3px 0 0; border-right: none; width: 60px; overflow: hidden;}
	.horizontalsocial .sharerpinterest{display: none;}
	.horizontalsocial .sharersu{display: none; float: left; width: 75px;}
	.horizontalsocial .sharersu iframe{width: 75px;}
	.list-meta{width: 310px;}
        .list-number{background:#ddd;font-size: 18px; padding: 5px 0px 5px 10px;}
	.list-title{width: auto !important; padding:5px 5px 5px 5px;}
        .list-title h4 {font-size:18px; line-height: 12px !important; padding:5px 0px 5px 5px;}
 	.list-entry{width: 290px; font-size:13px; line-height:16px;}
	.list-entry img{width:50%; height: 50%;}
	.list-entry img.alignleft{max-height: auto !important; max-width: 40% !important;}
	.list-title img{height: auto !important;}
	#cooler-nav{width: 300px;}
	.randpost:last-child{display: none;}
	.randpost:nth-of-type(1){margin-right: 70px !important;}
	.randpost:nth-of-type(2){margin-right: 10px !important;}
	.randpost:nth-of-type(3){display: none;}
	#respond{width: 300px;}
	.author-box{width: 290px; padding-right: 0px;}
	.authorsocial{width: 290px;}
	.horizontalsocial.fixed{position: static !important;}

        #related-posts {height:270px;min-height:270px; margin-top:20px; padding-top:5px;padding-left:5px;}
        #related-posts h4{font-size:14px; font-weight: normal !important; margin:10px 0 10px 0; text-align: left !important;}
        #related-posts img{width:20%; height: 20%; margin:0px 0px 0px; padding:2px;}
	
	/* Author Archives */
	.contributor{width: 290px; margin: 10px 0 10px 0; padding:5px 5px 5px 5px;}
        .contributor img{width:20%; height: 20%; margin:0px 5px 0px; padding:4px;}
        .contributor p{margin: 5px 0px 5px 0px !important; padding:0; line-height: 12px !important; font-size: 10px !important;}
        .contributorsocial{display:none;}

        #comments{font-size: 10px; line-height: 14px}
        .comments a{font-size: 11px; font-style: normal;}
        .comments cite a{font-size:12px; font-weight:bold; font-style:normal; right:5px; display: inline-block !important;}
        #comments h4{font-size: 14px; margin:0; padding:5px 0px 0px;}
        #comments .datetime{margin-left:7px;}
        #comments-block .comment-author{margin:5px 0px;}
        #comments-block .comment-footer{margin:0px;line-height:.7em;letter-spacing:.1em}
        .comments .avatar-image-container{float:left; width:28px; max-width:none; height:28px; max-height:none;margin:0 5px 0 0px;border-radius: 50%; -moz-border-radius: 50%;}
        .comments .avatar-image-container img{width:100%;max-width:100%;height:100%;max-height:100%}
        .comments .inline-thread .avatar-image-container{float:left; width:28px; height:28px; margin:0 5px 0 0px;}
        .comments .comment-block{margin-left:0px;}
        .comments .inline-thread .comment-block{margin-left:0px !important;}
        .comments .comments-content .comment,.comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child{padding:5px;background:#fff;margin:5px 0}
        .comments .comments-content .icon.blog-author{position:absolute;width:36px;height:36px;float:right;top:-1px; background-image:url(http://localhost/blogger/authors/moderator.png); background-position:0 0;background-repeat:no-repeat}
        .comments .comment .comment-actions a{padding:3px 3px;background:#eee;font-size:10px;color:#999;margin-right:5px;}
        .comments .comment .comment-actions a:hover{text-decoration:underline;}
        .deleted-comment{font-style:italic;color:gray}
        .feed-links{display:none;}
        #comments li.comment div.avatar-image-container { max-width:none; max-height:none; width:28px !important; height:28px !important;}
        #comments li.comment div.avatar-image-container img { max-width:none; max-height:none; width:28px !important; height:28px !important;}
        #comments li.comment div.comment-block { margin-left:33px !important;}
	
}


/* --------------------------------------------------------- */
@media screen and (max-width: 480px) and (min-width: 321px) {

	/* Home Page */
        body {width: 480px !important;}
	#wrap{width: 480px; margin:0px; padding:0px;}
        #header{width: 480px;}
	.twotofive{border-right: none !important;}
	.submit{display: none;}
	.curious{}
	.subscribe{display: none;}
        #header .wrap{margin-left: 5px; width: 480px;}
        #header .searchform{margin: 0px 45px 0 0;}
        #title-area { background: url(http://4.bp.blogspot.com/-DK5scptTlrg/UalGwmgraFI/AAAAAAAAAUQ/d4-pY8VPG8w/s1600/m-logo.jpg) no-repeat !important; height: 79px !important; width: 63px !important; float: left !important;}
        #title-area #title a{ margin: -20px 0 0 0 !important; height: 79px; width: 63px; text-indent: -9999px; }
	.widget_search .widget-wrap{width: 480px; position: absolute; top: 41px; left: 0px; border: none; background: #eeeeee; z-index: 1; margin: 0; padding: 5px 0 5px 0;}

        #content-wrapper{width: 475px !important; margin-top:none !important; margin-left:5px;}
        #main-wrapper{width: 290px !important; margin: 0px 0px 0px !important;}
        #master_container{display: none;}
        .title-bar {width: auto; height: 10px; margin: 0px 0px 10px 0px; padding:0px;}
        .title-bar .title { font-size: 13px; display: inline; padding-right: 20px; position: relative; top: -6px;}
        .post-outer{width: 290px; margin:10px 0px 0px !important; padding:0px 0 0px !important;}
	.thumbnail{width: 75px; height: 75px;}
	.thumbnail a img{width: 75px; height: 75px;}
        .share-wrap{ width: 65px; height: 8px; margin: 0; border:none;}
        .share-wrap .share-icon a img{width:5px; height:5px;}
        .share-icon { width:10px; font-size: 14px; padding: 3px 0 0px 33px; top:3px;}
	#title-area{position: relative; z-index: 2;}
	#title-area #description{display: none;}
        .thumbnail-wrap {width: 75px; height: 100px; border-right: 1px solid #dddddd; margin-right: 10px; padding-right: 10px; margin-bottom:0px;}
	.thumbnail-wrap {margin-left: 0px;}
        .postwrapper{width: 195px; padding:0px 0 0 0 !important;}
        .entry-content h2{width: 185px; line-height:16px !important; padding-top:none !important;}
	.entry-content h2 a{line-height:16px !important; font-size: 18px; margin:0px; padding:0;}     
        .post-info {width: 155px; text-transform:capitalize; font-size: 9px; margin: 3px 0px 5px 0px !important; line-height:12px !important;}
        .list-description{display: none !important;}
	.label{font-size: 8px !important;}
        .pagenavi{font-size: 12px;}
	.pagenavi{text-align: left; margin-left:-60px; padding:0px;}
        #sidebar {float:right; width:170px; padding-top:2px !important;}
        #sidebar2 {width:180px;}
        #HTML1 {display:none;}
        #HTML3 {display:none;}
        #BlogArchive1 {display:none;}
        #Label1 h2 {display:none;}
        #HTML2 {display:none;}
        #HTML5 {display:none;}
        #Stats1 {display:none;}
        BloggerButton1 {display:none;}
        .item-thumbnail-only{width:80px; height: 80px; float:left; padding:0 0 5px 0; margin:0 5px 0px 0;}
        .item-thumbnail {background:#ddd; width:65px !important; height:65px !important; float:left; padding:5px; margin:0 5px 0 0;}
        .item-thumbnail img{width:65px !important; height:65px !important; float:left;}
        .gridcontent{width:65px; margin: 2px 0 0 1px; text-align: center;}
        .item-title {display:none;}
        #HTML7 {display:none;}
        #HTML4 {display:none;}
        #HTML2 {display:none;}
        
	
/* Single Page */
        .entry-content{}
        .post-outer h1{line-height: 20px !important; font-size:22px; padding:5px 0px 5px 5px;}
        .post-outer h1 a{line-height:20px !important; font-size: 22px; margin:0px; padding:0;}
	.entry-content{display: inherit; width: 300px;}
	.entry-title{width: 300px; margin-top: 5px !important; font-size: 26px;}
	.list-description{width: 300px;}
	#content{width: 310px;}
	.horizontalsocial {width: 290px;}
	.horizontalsocial .sharertwitter{border-right: none; width: 84px; margin: 0 25px 0 0; overflow: hidden !important;}
	.horizontalsocial .fb-like{border-right: none; width: 86px; overflow: hidden; margin-right: 30px; position: relative; top: -1px;}
	.horizontalsocial .sharergplus{margin: 0 3px 0 0; border-right: none; width: 60px; overflow: hidden;}
	.horizontalsocial .sharerpinterest{display: none;}
	.horizontalsocial .sharersu{display: none; float: left; width: 75px;}
	.horizontalsocial .sharersu iframe{width: 75px;}
	.list-meta{width: 290px;}
        .list-number{background:#ddd;font-size: 18px; padding: 5px 0px 5px 10px;}
	.list-title{width: auto !important; padding:5px 5px 5px 5px;}
        .list-title h4 {font-size:18px; line-height: 12px !important; padding:5px 0px 5px 5px;}
 	.list-entry{width: 290px; font-size:13px; line-height:16px;}
	.list-entry img{width:50%; height: 50%;}
	.list-entry img.alignleft{max-height: auto !important; max-width: 40% !important;}
	.list-title img{height: auto !important;}
	.randpost:last-child{display: none;}
	.randpost:nth-of-type(1){margin-right: 70px !important;}
	.randpost:nth-of-type(2){margin-right: 10px !important;}
	.randpost:nth-of-type(3){display: none;}
	#respond{width: 300px;}
	.author-box{width: 290px; padding-right: 0px;}
	.authorsocial{width: 290px;}
	.horizontalsocial.fixed{position: static !important;}

        #related-posts {height:270px;min-height:270px; margin-top:20px; padding-top:5px;padding-left:5px;}
        #related-posts h4{font-size:14px; font-weight: normal !important; margin:10px 0 10px 0; text-align: left !important;}
        #related-posts img{width:20%; height: 20%; margin:0px 0px 0px; padding:2px;}
	
	/* Author Archives */
	.contributor{width: 290px; margin: 10px 0 10px 0; padding:5px 5px 5px 5px;}
        .contributor img{width:20%; height: 20%; margin:0px 5px 0px; padding:4px;}
        .contributor p{margin: 5px 0px 5px 0px !important; padding:0; line-height: 12px !important; font-size: 10px !important;}
        .contributorsocial{display:none;}

        #comments{font-size: 10px; line-height: 14px}
        .comments a{font-size: 11px; font-style: normal;}
        .comments cite a{font-size:12px; font-weight:bold; font-style:normal; right:5px; display: inline-block !important;}
        #comments h4{font-size: 14px; margin:0; padding:5px 0px 0px;}
        #comments .datetime{margin-left:7px;}
        #comments-block .comment-author{margin:5px 0px;}
        #comments-block .comment-footer{margin:0px;line-height:.7em;letter-spacing:.1em}
        .comments .avatar-image-container{float:left; width:28px; max-width:none; height:28px; max-height:none;margin:0 5px 0 0px;border-radius: 50%; -moz-border-radius: 50%;}
        .comments .avatar-image-container img{width:100%;max-width:100%;height:100%;max-height:100%}
        .comments .inline-thread .avatar-image-container{float:left; width:28px; height:28px; margin:0 5px 0 0px;}
        .comments .comment-block{margin-left:0px;}
        .comments .inline-thread .comment-block{margin-left:0px !important;}
        .comments .comments-content .comment,.comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child{padding:5px;background:#fff;margin:5px 0}
        .comments .comments-content .icon.blog-author{position:absolute;width:36px;height:36px;float:right;top:-1px; background-image:url(http://localhost/blogger/authors/moderator.png); background-position:0 0;background-repeat:no-repeat}
        .comments .comment .comment-actions a{padding:3px 3px;background:#eee;font-size:10px;color:#999;margin-right:5px;}
        .comments .comment .comment-actions a:hover{text-decoration:underline;}
        .deleted-comment{font-style:italic;color:gray}
        .feed-links{display:none;}
        #comments li.comment div.avatar-image-container { max-width:none; max-height:none; width:28px !important; height:28px !important;}
        #comments li.comment div.avatar-image-container img { max-width:none; max-height:none; width:28px !important; height:28px !important;}
        #comments li.comment div.comment-block { margin-left:33px !important;}
	

        #bannerwrap {margin: 43px auto 0; width: 320px;}
        #footer {background:#dedede; height: 70px; margin-top: 50px;}
	#footer .wrap{margin: 0 0 0 10px; padding-top: 5px; width: 400px;}
	#footer .wordpress-setup {display:none;}
        #footer .copyright{font-size: 10px !important;}
	.entry-content h1 a{line-height:13px !important; font-size: 16px; margin:0px; padding:0;}
        #design{}
}



/* --------------------------------------------------------- */
@media screen and (max-width: 768px) and (min-width: 768px) {

       	/* Home Page */
        body {width: 768px !important;}
	#wrap{width: 768px;}
        #header{width: 768px;}
	.twotofive{border-right: none !important;}
	.submit{display:none;}
	.curious{}
	.subscribe{}
        #header .wrap{margin-left: 10px; width: 768px;}
        #header .searchform{margin: 0px 45px 0 0;}
        #title-area { background: url(http://4.bp.blogspot.com/-DK5scptTlrg/UalGwmgraFI/AAAAAAAAAUQ/d4-pY8VPG8w/s1600/m-logo.jpg) no-repeat !important; height: 79px !important; width: 63px !important; float: left !important;}
        #title-area #title a{ margin: -20px 0 0 0 !important; height: 79px; width: 63px; text-indent: -9999px; }
        .widget_search .widget-wrap {margin: 5px 0 0 0px; padding-left:44px; width: 214px; border-left: 1px solid #104470;}
	#content-wrapper{ width: 768px; margin-left:5px; padding:0px;}
        #main-wrapper{width: 440px !important; margin-left:5px;}
        .title-bar {width: 430px; height: 10px; margin: 0px 0px 10px 0px; padding:0px;}
        .title-bar .title { font-size: 13px; display: inline; padding-right: 20px; position: relative; top: -6px;}
        #master_container{display:none;}
        .post-outer{width: 430px !important; margin: 10px 0px 10px 0px; padding:10px 0px 5px;}
        .postwrapper{width: 250px; line-height:14px;}
        .thumbnail-wrap {height: 170px;}
	.thumbnail-wrap {margin-left: 0px;}

        .entry-content h2{float:left; width: 260px;}
	.entry-content h2 a{margin:0px; padding:0;}
        .post-info{width: 260px; float:left; padding-top:5px;}

        .horizontalsocial {width: 430px !important;}
	.horizontalsocial .sharertwitter{border-right: none; width: 84px; margin: 0 25px 0 0; overflow: hidden !important;}
	.horizontalsocial .fb-like{border-right: none; width: 86px; overflow: hidden; margin-right: 30px; position: relative; top: -1px;}
	.horizontalsocial .sharergplus{margin: 0 3px 0 0; border-right: none; width: 60px; overflow: hidden;}
	.horizontalsocial .sharerpinterest{}
	.horizontalsocial .sharersu{display: none; float: left; width: 75px;}
	.horizontalsocial .sharersu iframe{width: 75px;}
        .list-description {display: none !important;}
        .list-meta {width:430px;}
        .list-number {background:#ddd;font-size: 18px; padding: 5px 0px 5px 10px;}
	.list-title {width: auto !important; padding:5px 5px 5px 5px;}
        .list-title h4 {font-size:18px; line-height: 12px !important; padding:5px 0px 5px 5px;}
 	.list-entry {width: 430px; font-size:13px; line-height:16px;}
	.list-entry img {width:70%; height: 70%;}
	.list-entry img.alignleft{max-height: auto !important; max-width: 40% !important;}
	.list-title img {height: auto !important;}
      
	.pagenavi{text-align: left; margin-left:10px; padding:0px;}

        #sidebar {float:right; width: 300px;}
        #sidebar .overview-sidebar{display:none;}
        #footer{margin-left:10px;}

        #content{width: 410px;}
	.iframe{width: 400px;}
        .horizontalsocial{width: 400px;}
	.horizontalsocial .sharertwitter{border-right: none; width: 84px; margin: 0 25px 0 0; overflow: hidden !important;}
	.horizontalsocial .fb-like{border-right: none; width: 86px; overflow: hidden; margin-right: 30px; position: relative; top: -1px;}
	.horizontalsocial .sharergplus{margin: 0 3px 0 0; border-right: none; width: 60px; overflow: hidden;}
	.horizontalsocial .sharerpinterest{display: none !important;}
	.horizontalsocial .sharersu{display: none; float: left; width: 75px;}
	.horizontalsocial .sharersu iframe{width: 75px;}

}


/* --------------------------------------------------------- */
@media screen and (max-width: 1000px) and (min-width: 1000px) {
        body {width: auto !important;}
	#wrap{width: auto;}
        #header{width: auto;}
        #header .wrap{margin-left: 10px; width: auto;}
        .widget_search .widget-wrap { margin: 5px 0 0 0; width: 204px; border-left: 1px solid #104470;}
        #content-wrapper{ width: 1000px; margin-left:20px; padding:0px;}
        #main-wrapper{width:610px; !important; margin-left:10px;}
        #sidebar {float:right; width: 300px; margin-right:10px;}


}